<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--由code_index.jsp load postlist.html-->
    <title>贴子列表</title>

    <script src="http://cdn.bootcss.com/vue/2.0.5/vue.min.js"></script>

</head>
<body>

<!--导航-->
<ol class="breadcrumb">
    <li><a href="#">发布区</a></li>
    <li><a href="#">Java</a></li>
    <li class="active">1</li>
</ol>

<!--列表-->
<div id="post-list" class="post-list" ng-app="list-app" ng-controller="post-list">
    <div class="post" ng-repeat="pe in list">
        <div class="post-head">
            <img class="img-circle post-head-img"
                 src="/static/image/headimg/no_head_img.png"
                 alt="头像">
            <div class="post-head-info">
                <p>用户:{{pe.paginalNumber}}</p>
                <p>发表于:2016年11月05日00:06:36</p>
            </div>
        </div>
        <div class="post-head-content">
            <p>
                <a href="#">PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的PHP是不是最好的</a>
            </p>
        </div>
        <!--点赞区域-->
        <div style="text-align: right">
        <span style="background-color: rgba(255,255,255,0.1)" data-toggle="tooltip"
              data-placement="right" title="一言不合就点赞?我可不喜欢,点开讨论进去看看吧!">
            <span class="glyphicon glyphicon-heart" style="color:gainsboro;"></span>
            <span style="color:#4c5f72;">11</span>
        </span>
        </div>
    </div>
</div>

<!--分页-->
<div style="text-align: center">
    <ul class="pagination">
        <li><a href="#">&laquo;</a></li>
        <li class="active"><a href="#">1</a></li>
        <li class="disabled"><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>
<hr>

</body>
<script>

    $(function ()
    {
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
        })
    });

    /*代码类型,请求的页数*/
    function loadJosn(type, cpn)
    {
        $.get("/code/get/postlist/" + type + "/" + cpn, function (data)
        {
            code.dismiss();
        });
    }

    $(function ()
    {
        var list = $('#codetype-list');
        list.find('li').click(function ()
        {
            var ss = $(this).text().split("(");
            /*将/转义为-,防止放在路径中出错,后台再转换回来*/
            var type = ss[0].trim().replace("/", "-");

            code.showloading();
            loadJosn("ALL", 1);
        });
    });

    $(function ()
    {
        /*点赞右侧提示*/
        $("[data-toggle='tooltip']").tooltip();
    });
</script>
</html>